﻿.bodycolor {
	background: white;

}
.wrapper {
	position:relative;
	min-width: 960px;
}
.sidebar {
	position:fixed;
	right:20px;
	width:150px;
	border:1px solid #ddd;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

#tabs {
	margin-right:160px;
}
@media screen and (max-width: 960px) {
	.sidebar{
		display:none;
	}
}



.ctrls {
	border-bottom:1px solid #ddd;
}
.ctrls .prev,
.ctrls .next,
.ctrls .ok,
.ctrls .cancel {
	width:74px;
	line-height:40px;
	float:left;
	text-align:center;
}

.ctrls .split {
	width:1px;
	height:30px;
	background:#d3d3d3;
	margin-top:5px;
	float:left;
}
.ctrls .ok a,
.ctrls .cancel a{
	cursor:pointer;
	margin:auto;
	height:20px;
	width:20px;
	display:inline-block;
	zoom:1;
	vertical-align: middle;
}

.ctrls .ok a{
	background: url('Images/ok_no_apply.png') no-repeat 50% -20px;
}
.ctrls .cancel a{
	background: url('Images/ok_no_apply.png') no-repeat 50% -60px;
}

.ctrls .ok a:hover{
	background: url('Images/ok_no_apply.png') no-repeat 50% 0px;
}
.ctrls .cancel a:hover{
	background: url('Images/ok_no_apply.png') no-repeat 50% -40px;
}



.acts {
	margin:10px 25px;
	color:#666;
}

.acts li {
	line-height:2;
}


.table-wrapper{
	border:1px solid #e2e2e2;
	margin:0 auto 10px;
	*border:0;
	overflow: hidden;
	border-radius: 3px;
}
.sub-table-wrapper{
	margin:0 auto 10px;
	position:relative;
}

.relation-cell-info{
	padding:5px 5px 5px 5px;
	border:1px solid #ddd;
	border-top:0;
	overflow-x:auto;
	overflow-y:hidden;

}
.no-data-message{
	line-height: 2;
	padding-left: 30px;
	color: #C4C4C4;
}
.no-data-message a.ActionA, 
.no-data-message a.ActionA:link, 
.no-data-message a.ActionA:visited,
.no-data-message a.ActionA:hover,
.no-data-message a.ActionA:active{
	padding:0;
	background:#fff;
	margin-left:10px;
}
.relation-table-wrapper{
	width:100%;
	height:180px;
	overflow-x:auto;
	overflow-y:hidden;
}
.relation-group-title{
	font-size:20px;
	line-height:2;
	font-weight:bold;
	color:#666;
}
.relation-group{
	margin-top:40px;
}
.relation-group:hover .relation-group-title{
	color:#FFA808;
}
.relation-cell-title{
	border:1px solid #dedede;
	padding:3px;
	background: #f3f3f3;
	color: #000000;
	font-size:13px;
}

.relation-cell-td-1{
	padding:0 0 5px 5px;
	vertical-align: top;
}

.relation-cell-td-1{
}
.relation-cell-td-1:first-child{
	padding:0 5px 5px 0;
}

.acts a.ActionA,.acts a.ActionA:visited,.acts a.ActionA:link,.acts a.ActionA:hover {
	font-size:14px;
	padding-left:23px;
	height:12px;
	line-height:12px;
	*line-height:16px;
	overflow:visible
}
.detail-extend-action{
	margin:10px 20px;
}
.detail-extend-action li{
	color:#666px;
	padding:0 20px;
	line-height:2;
}

.list-show-arrow {	
	background: url('/Images/arrows.png') no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	outline: none;
	position: relative;
	top: 2px;
	*top: -2px;
	background-position: -32px -16px;
}
.list-show-arrow:hover {
	background-position: -48px -16px;
}
.list-hide-arrow {
	background: url('/Images/arrows.png') no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	outline: none;
	position: relative;
	top: 2px;
	*top: -2px;
	background-position: 0px -16px;
}
.list-hide-arrow:hover{
	background-position: -16px -16px;
}
.anchors-wrapper{
	position:relative;
	right:-1px;
}
.anchors{
	position:absolute;
	left:0;
	background:white;
	border:1px solid #ddd;
	overflow-y:auto;
	overflow:hidden;
}

.anchors dl{
	margin:5px;
	display:none;
}
.anchors dd{
	display:none;
}
.anchors dd ul{
	margin-left:25px;
}
.anchors dd ul li{
}
.anchors dt{
	color:#666;
	padding-left:10px;
	font-weight:bold;
	line-height:2;
	cursor:pointer;
}
.anchors dt.active{
	color:#FFA808;
}
.anchors.hover dl,
.anchors.hover dd,
.anchors.hover dt{
	display:block;
}
.anchors.hover > .handle{
	display:none;
}
.anchors.hover{
	width:100%;
	right:0;
	left:auto;
}
